<template>
   <div class="HomeList">
        <ul >
            <li v-for="(item,idx) in data" :key="idx">
                <img :src="item.url"><span>{{item.title}}</span>
            </li>
        </ul>
    </div>
</template>
<script>
    export default {
        data(){
            return{
                data:[
                    {
                     url:'../../../../static/img/1q.png',
                     title:'产品优选'   
                    },
                    {
                     url:'../../../../static/img/2q.png',
                     title:'今日特惠'   
                    },
                    {
                     url:'../../../../static/img/4q.png',
                     title:'我的动态'   
                    },
                ]
            }
        },
      methods: {
      },
    }
    </script>
<style lang="stylus" scoped>
    .HomeList
        width 100%;
        background white;
        display: flex;
        justify-content: center;
        flex-direction: column;
        li
            width: 33%;
            float: left;
            margin: auto;
            text-align: center;
            img
                display: block;
                max-width:  90%;
                margin: 0 auto;
            span{
                font-size: .32rem;
            }
</style>


